{include(head.tpl)}
<body class="bg-wrap">
    <div class="wrapper">
        <div class="header">
            <h1 class="pull-left"><label>PGC</label> 后台管理系统</h1>
            <div class="pull-right right-info text-right">
                <div class="top">
                    <div class="dib">欢迎您，admin<span>超级管理员</span></div>
                    <a href="javascript:void(0)"  class="dib editpwd">修改密码</a>
                    <a href="{modelurl}/Login/loginout" class="dib">退出</a>
                </div>
                <div class="bottom">
                    <a href=""><i class="icon1"></i>网页预览</a>
                    <a href=""><i class="icon2"></i>手机预览</a>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="main">
            <div class="side-left">
                <div class="nav_left">
                    <div class="nav_leftlist">
                      <dl>
                          <dt><span class="dib"></span>运行环境配置</dt>
                          <dd>
                              <a class="cur" data-id="{modelurl}/Config/environment.html">环境参数<b></b></a>
                              <a data-id="{modelurl}/Config/index.html">系统参数<b></b></a>
                          </dd>
                      </dl>
                      <dl>
                          <dt><span class="dib"></span>管理设置</dt>
                          <dd>
                              <a data-id="{modelurl}/User/index.html">用户管理<b></b></a>
                              <a data-id="{modelurl}/Role/index.html">角色列表<b></b></a>
                              <a data-id="{modelurl}/Column/index.html">栏目管理<b></b></a>
                          </dd>
                      </dl>
                      <dl>
                          <dt><span class="dib"></span>内容管理</dt>
                          <dd>
                              <a data-id="{modelurl}/Manuscript/index.html">pgc稿件<b></b></a>
                              <a data-id="{modelurl}/Notice/index.html">pgc公告<b></b></a>
                              <a data-id="{modelurl}/UserGps/index.html">记者定位列表<b></b></a>
                          </dd>
                      </dl>
                      <dl>
                          <dt><span class="dib"></span>日志管理</dt>
                          <dd>
                              <a data-id="{modelurl}/Loginlog/index.html">登陆日志<b></b></a>
                              <a data-id="{modelurl}/Log/index.html">后台操作日志<b></b></a>
                          </dd>
                      </dl>


                    </div>
                </div>
                <div class="arrow"></div>
            </div>
            <div class="side-right">
                <iframe id="myModal_iframe" width="100%" height="98%" src="{modelurl}/Config/environment.html" frameborder="0"></iframe>
            </div>
        </div>
        <footer class="copyright margin">
            ©2000-2017 成都奥科睿科技有限公司 版权所有粤ICP备08126214号-5
        </footer>
    </div>
<script>
    $(function(){
        //修改密码
        $('.editpwd').click(function(){
          layer.open({
            type: 2,
            title: '密码修改',
            shadeClose: true,
            shade: false,
            maxmin: true, //开启最大化最小化按钮
            area: ['400px', '300px'],
            content:'{modelurl}/User/userPass',
        });
        })
//        左侧栏目增加滚动条
        var _height=$(".nav_leftlist").height();
        var _height2=$(".nav_left").height();
        if(_height>_height2){$(".nav_left").css('overflow-y','scroll');}

        $(".nav_leftlist dl dd a").click(function(){
            // 左侧栏目点击事件
            $(".nav_leftlist dl dt").removeClass('cur2');
            $(".nav_leftlist dl dd a").removeClass('cur');
            $(this).addClass('cur');
            $(this).parent().siblings('dt').addClass('cur2');
            //点击链接跳转
            var url = $(this).attr('data-id');
            $("#myModal_iframe").attr('src',url);
            return false;
        });
//        左侧栏目伸缩
        $(".nav_leftlist dl dt span").addClass('show1');
        $('.nav_leftlist').on('click', 'dl dt', function(event) {
            $(this).siblings('dd').toggle();
            if($(this).siblings('dd').css('display')=='none'){
                $(this).find('b').addClass('cur');
                $(this).find('span').addClass('hide1').removeClass('show1');
            }else{
                $(this).find('b').removeClass('cur');
                $(this).find('span').addClass('show1').removeClass('hide1');
            }
        });
//        头部点击关闭菜单
        $(".close").click(function(){
            $(this).parent().remove();
        });

        $(".arrow").click(function(){
            $("body").toggleClass("menu-change");
            if($("body").hasClass("menu-change")){
                $(".side-left").animate({left:"-200px"});
                $(".side-right").animate({left: "0px"});
            }else{
                $(".side-left").animate({left:"0px"});
                $(".side-right").animate({left: "200px"});
            }
            return false;
        })
    })
</script>
</body>
</html>
